doctype
html(lang="en")
    head
        meta(name="viewport", content="width=device-width, initial-scale=1.0")
        meta(http-equiv="Content-Type", content="text/html; charset=UTF-8")
        title Impress demo
        link(rel="stylesheet", type="text/css", href="index.css")
    body
        .container
            svg#icon
                g#rect1
                    rect(x=0 y=0 width=50 height=50)
                g#rect2
                    rect(rect x=0 y=0 width=50 height=50 rx=25 ry=25)

        script(src="lib/jquery.min.js")
        script(src="lib/svg-morpheus.js")
        script.
            var myIcons = new SVGMorpheus('#icon');
            $('#icon').hover(function(){
                document.body.style.fill = "#" + (Math.random() + "").slice(-6);
                myIcons.to("#rect1");
            },function(){
                myIcons.to("#rect2");
                document.body.style.fill = "#" + (Math.random() + "").slice(-6);
            });
